
/*slider*/
.main-slider{
    width: 100%;
    box-sizing: border-box;

}

.carousel-indicators .active{
    background-color: #eb641a;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.carousel-indicators li{
    background-color: #FFF;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.carousel-indicators{
    bottom: 10px;
    margin-bottom: 0;
}

#slider-content-1{
    width:100%;
    background-image: url("../images/gr2015_homepage_header1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    background-size: cover;
}

.slider-left:hover{
 background-position: bottom center;
}

.slider-right:hover{
background-position: bottom center;
}

.slider-left{
    background-image: url(../images/gr2015_ALL_BannerLeft.png);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -33px;
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-position: top center;
    left: 0;
    
}

.slider-right{
    background-image: url(../images/gr2015_ALL_BannerRight.png);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -33px;
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-position: top center;
    right: 0;
}


.slider-content-background{
    position: absolute;
    top: 100px;
    left:20%;        
    background-color: #e75a8a;  
    z-index: 1;
}

.slider-content-content{    
    left:20%;   
    opacity: .7;   
    background-color: #f7902d;  
    z-index: 1;
}

.slider-content-content h2{
    margin: 0;
    color: #ffffff;
    height: 50%;
    font-size: 42px;
    font-family: Georgia;
    font-style: bold,italic;    
}

.slider-content-content div{
    color: white;
}

@media screen and (min-width: 1280px){
.main-slider{
    height: 620px;
}

.slider-content-background{
    top: 100px;
    height:180px;
    width: 450px;
    }

.slider-content-content{
    position: absolute;
    height:240px;
    width: 480px;
    top: 160px;
    }

}

/** end of  >1280 **/
@media screen and (max-width: 1280px) and (min-width: 1000px){
.slider-content-background{
    top: 70px;
    height:120px;
    width: 300px;
    }

.main-slider{
    width: 480px;
}

.slider-content-content{
    position: absolute;
    height:160px;
    width: 320px;
    top: 120px;
    }
}

/** end of 1000 to 1280 **/
@media screen and (max-width: 1000px) and (min-width: 768px){
.slider-content-background{
    top:50px;
    height:120px;
    width: 300px;
}

.main-slider{
    width: 320px;
}

.slider-content-content{
    position: absolute;
    height:160px;
    width: 320px;
    top: 90px;
    }

}

/** end of 1000 to 768 **/

@media screen and (max-width:768px){

.slider-content-background{
 display: none;
}

.main-slider{
    width: 220px;
}

.slider-right{
display: none;
}

.slider-left{
display: none;
}

.slider-nav-button{
margin-bottom: 220px;
}

.side-left-bar{
display: none;
}

.side-right-bar{
    display: none;
}

.slider-content-content{
    height:220px;
}

}
/** end of <768**/



/*opportunity life*/

.opportunity-lifetime-div{
    padding-top: 40px;
    padding-bottom: 40px;
}

.opportunity-lifetime-btn{
    margin: 50px;
}

#opportunity-intro h2{
    padding:50px;
}


@media screen and (max-width: 1000px) {

}

@media screen and (max-width:768px){

}


/*opportunity life*/


/*opportunity*/

@media screen and (min-width: 1000px) {
    .discover-opportunity-module-level{
        height: 650px;
    }
    .discover-opportunity-image-level{
        height: 650px;
    }
}


@media screen and (max-width: 1000px) {
.discover-opportunity-module-level{
        height: 650px;
    }
    .discover-opportunity-image-level{
        height: 650px;
    }
}

@media screen and (max-width:768px){

    .nav-pills > li {
       display: inline-block;
        width: 100%;
        text-align: center;
    }

    .discover-opportunity-div-content{
        display: none;
    }

    .discover-opportunity-module-level{
        height: 340px;
    }
    .discover-opportunity-image-level{
        height: 340px;
    }

    .discover-title{
        display: none;
    }

    .discover-opportunity-tab{
        margin-top: 40px;
    }

    .discover-opportunity-tab-item{
        margin-top: 5px;
    }


}


.nav-pills > li > a {
    color: #f1f1f1;
    background-color: grey;
}

.nav-pills > li > a:hover {
    color: #f1f1f1;
    background-color: #AAAAAA;
}



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
    color: #f1f1f1;
    background-color: #f7902d;
    cursor: pointer;
}

#discover-opportunity-div{   
    min-height: 500px;
    padding:50px 0;   
}

.discover-title{
    color: white;
    padding: 50px 0;
}


.discover-opportunity-div-content{
    background-color: #f1f1f1;
    padding:20px;
    min-height: 400px;
}

.discover-opportunity-module-level{
    background-color: #222222;
    position: absolute;
    width: 100%;    
    z-index: -100; 
    opacity: .5;
}

.discover-opportunity-image-level{
    background-image: url("../images/gr2015_homepage_opp1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: absolute;
    background-size: cover;
    z-index: -101;

}
    


/*end of opportunity*/

/* meet people css*/

#profile-list ul {
    margin-left: -3%;
}

#profile-list ul li {    
    display: table-cell;    
    min-height: 280px;
    list-style: none;
    margin-top:20px;
    text-align: center;
}

#profile-list ul li .profile-img {
    border: 1px solid #eee;
    border-radius: 250px;   
    text-align: center;    
}

#profile-list ul li .profile-img :hover{
    border: 2px solid #e75a8a;
    border-radius: 250px;   
    text-align: center;    
}

#profile-list ul li .profile-title {
    margin-top: 30px;
    font-size: 18px;
}

.Profile-photo-div{
    margin-top: 100px;
    margin-bottom: 100px;
}

.Profile-photo-title{
    margin-top: 50px;
    margin-bottom: 50px;
}

.Profile-photo-btn-div{
    display: inline-block;
    width: 100%;    
}

.Profile-photo-li{
    float: left;
}

/*circle outside photo*/
.circle-photo,.circle-photo:visited,.circle-photo:link,.circle-photo:active{
    font-size: 18px;
    color:#ffffff;
    padding: 5px 5px;
    background-color: #d8d8d8;
    border: 1px solid #e75a8a;
    border-radius:5px;
    cursor: pointer;
}

.circle-photo:hover{
    background-color: #e75a8a;
}

.circle-photo:active{
    background-color: #e75a8a;
}
@media screen and (min-width: 1000px) {
    #profile-list ul li {
        width: 150px;
        margin: 20px 15px;
        float: left;
    }

    #profile-list ul li .profile-img {
        height: 150px;
        line-height: 150px;
    }

    #profile-list ul li:last-child {
    margin-right: 0px;
    }



}


@media screen and (max-width: 1000px) and (min-width:768px) {

    #profile-list ul li {
        width: 150px;        
    }

    #profile-list ul li .profile-img {
        height: 150px;
        line-height: 150px;
    }

    .profile-list-level-top li:first-child{
        margin-left: 10%
    }

    .profile-list-level-top li:nth-child(2){    
        left: 43%;
        position: absolute;
    
    }

    .profile-list-level-top li:last-child{
        float: right;
        margin-right: 10%
    }

    .profile-list-level-bottom li:first-child{
        margin-left: 20%

    }

    .profile-list-level-bottom li:last-child{
        float: right;
        margin-right: 20%
    }

    .profile-list-level-top{
        display: inline-block;
        width: 100%;
    }
    .profile-list-level-bottom{
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width:768px){
    .Profile-photo-li{
        margin-top: 50px;
        margin-bottom: 50px;
    }

     #profile-list ul li {
        width: 100%;        
    }

    #profile-list ul li .profile-img {
        height: 70%;
        line-height: 150px;
    }

}

/* end of meet people*/

/* MaskedGallery setting*/
#masked-gallery{
    width:100%;
    margin-top: 30px;
    margin: bottom:40px;
}

.grMaskedGallery {
    overflow:auto;
    width:100%;
}

.grMaskedGallery .grGalleryItem{
    display:block;
    float:left;
    width:25%;
    position:relative;
    overflow:hidden;
}

.grMaskedGallery .grGalleryItem .pic img {
    width:100%;
    display:block;
    border:none;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -moz-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.grMaskedGallery .grGalleryItem .mask{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#703a0f;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);/*--------IE8---------*/
    opacity:0.6;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index:2;
}

.grMaskedGallery .grGalleryItem .text{
    display:block;
    position:absolute;
    width:100%;
    margin-top:-10px;
    top:50%;
    text-align:center;
    color:#fff;
    font-family:georgia;
    font-size:18px;
    font-style:italic;
    z-index:3;
    -moz-transition:all .5s ease-out;
    -webkit-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    opacity:1;
}

.grMaskedGallery .grGalleryItem .text.row2{
    margin-top:-25px;
}

.grMaskedGallery .grGalleryItem .text span{
    font-size:12px;
    display:block;
    margin-top:5px;
    font-style:normal;
    opacity:0.8;
}

.grMaskedGallery .grGalleryItem:hover .mask{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*--------IE8---------*/
    opacity:0;
}

.grMaskedGallery .grGalleryItem:hover .pic img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.grMaskedGallery .grGalleryItem:hover .text{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*--------IE8---------*/
    opacity:0;
}

@media screen and (max-width:1000px){
    .grMaskedGallery .grGalleryItem{
        width:50%;
    }
}

@media screen and (max-width:768px){
    .grMaskedGallery .grGalleryItem .text{
        font-size:14px;
    }

    .grMaskedGallery .grGalleryItem .text span{
        font-size:10px;
    }

    .grMaskedGallery .grGalleryItem .text.row2{
        margin-top:-15px;
    }
}
/**end of MaskedGallery**/